/******************************
 ** 初始化 / 兼容到IE7
 ******************************/

.hidden { display:none; visibility:visible; }
.wrap,
.wrapper { width:1200px; margin:0 auto; position:relative; }
.wrapper { padding:30px 0 50px;}
/*清除浮动*/
.dialog-layout{width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30);}
.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}

/******************************
 ** 首页
 ******************************/

.iadvantage { height:880px; background:url(../images/iadvantage-back.jpg) center top no-repeat; }
.iadvantage .head { position:absolute; left:50%; top:96px; width:183px; margin:0 0 0 -91px; padding:40px 0 0; }
.iadvantage .head .w { font-size:24px; line-height:30px; text-transform:uppercase; width:150px; margin:0 auto; overflow:hidden; }
.iadvantage .head .w li { float:left; width:75px; text-align:center; }
.iadvantage .head .d { font-size:46px; line-height:60px; text-transform:uppercase; width:150px; margin:0 auto; overflow:hidden; color:#ff7200; font-weight:bold; margin-bottom:20px; }
.iadvantage .head .d li { float:left; width:75px; text-align:center; }
.iadvantage .head .t { text-align:center; height:46px; line-height:46px; font-size:18px; color:#333; margin:0 0 15px; }
.iadvantage .head .q { line-height:20px; font-size:13px; text-align:center; }

.iadvantage .list {  }
.iadvantage .list li { position:absolute;  }
.iadvantage .list li i { position:absolute; top:0; left:-75px; width:54px; height:54px; line-height:54px; font-size:54px; font-family:'Bernard MT Condensed'; font-style:normal; text-align:center; }
.iadvantage .list li em { position:absolute; right:-1px; bottom:-1px; background:url(../images/iadvantage-sd.png) right bottom no-repeat; width:30px; height:30px; }
.iadvantage .list li h3 { font-size:28px; color:#333; line-height:35px; margin:0 0 5px; }
.iadvantage .list li p { line-height:24px; color:#333;  }
.iadvantage .list li:first-child { width:300px; top:100px; left:170px; color:#d72723; }
.iadvantage .list li:first-child + li { width:300px; top:100px; right:0; color:#d72723; }
.iadvantage .list li:first-child + li + li { width:385px; top:230px; left:85px; color:#5a3733; }
.iadvantage .list li:first-child + li + li + li { width:340px; top:230px; right:0; color:#c19360; }
.iadvantage .list li:first-child + li + li + li + li { width:470px; top:360px; left:0; color:#c8603c; }
.iadvantage .list li:first-child + li + li + li + li + li { width:380px; top:360px; right:0; color:#3a4869; }

.ipro { height:975px; background:url(../images/ipro-back.jpg) center top no-repeat; padding:60px 0 0; }
.ipro .head { width:450px; height:92px; background:url(../images/ipro-head.png) center center no-repeat; margin:0 auto 40px; overflow:hidden; position:relative; }
.ipro .head h2,
.ipro .head h3 { padding:0 0 0 240px; font-size:26px; font-weight:normal; line-height:1.3; color:#FFF; }
.ipro .head h3 { font-size:16px; text-transform:uppercase; white-space:nowrap; margin:0 0 12px; }
.ipro .head p { text-align:center; height:27px; line-height:27px; padding:0 0 0 24px; }
.ipro .head .mo { position:absolute; right:5px; top:5px; background:#91bad2; color:#FFF; height:24px; line-height:24px; padding:0 5px; }
.ipro .main { width:100%; overflow:hidden; }
.ipro .list { float:left; width:105%; }
.ipro .list li { float:left; width:285px; margin:0 0 15px 15px; }
.ipro .list .img { height:285px; overflow:hidden; }
.ipro .list img { display:block; width:100%; height:285px; }
.ipro .list .shadow { height:52px; position:relative; background:#629cbe; }
.ipro .list h3 { color:#FFF; height:44px; line-height:22px; overflow:hidden; font-weight:normal; padding:3px 0 0 0; margin:0 10px 0 5px; }
.ipro .list h3 a{color: #fff;display: block;}
.ipro .list li:hover h3 a{color: #333;}
.ipro .list .fee { position:absolute; right:0; top:0; line-height:52px; background:url(../images/ipro-sd.png) 0 center no-repeat #fff; padding:0 10px 0 40px; font-size:20px; }
.ipro .list .fee + h3 { margin-right:182px; line-height:44px; font-size: 14px; }

.ipro .list img:hover { opacity:.8; filter:Alpha(opacity=80); -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05); }
.ipro .list li:hover .shadow { background:#fff; }
.ipro .list li:hover h3 { border-bottom-color:#333; color:#333; }
.ipro .list li:hover .des { color:#333; }
.ipro .list li:hover .fee { background:url(../images/ipro-sd-hover.png) 0 center no-repeat #629cbe; color:#FFF; }

.ipro2 { height:1150px; background:url(../images/ipro2-back.jpg) center top no-repeat; padding:60px 0 0; }
.ipro2 .head { width:436px; height:92px; background:url(../images/ipro2-head.png) center center no-repeat; margin:0 auto 40px; overflow:hidden; position:relative; }
.ipro2 .head h2,
.ipro2 .head h3 { padding:0 0 0 220px; font-size:26px; font-weight:normal; line-height:1.3; color:#333; }
.ipro2 .head h3 { font-size:16px; text-transform:uppercase; white-space:nowrap; margin:0 0 12px; }
.ipro2 .head p { text-align:center; height:27px; line-height:27px; padding:0 0 0 24px; color:#FFF; }
.ipro2 .head .mo { position:absolute; right:18px; top:5px; background:#aca9a1; color:#FFF; height:24px; line-height:24px; padding:0 5px; }
.ipro2 .sketch { width:232px; position:absolute; left:50%; top:300px; margin:0 0 0 -116px; }
.ipro2 .sketch img { display:block; width:232px; height:214px; margin:0 auto; }
.ipro2 .sketch h3 { white-space:nowrap; font-weight:normal; text-align:center; }
.ipro2 .list { }
.ipro2 .list li { position:absolute; left:50%; width:400px; }
.ipro2 .list .t { position:absolute; line-height:60px; color:#d72723; font-size:24px; font-weight:bold; background:url(../images/ipro2-t.png) right center no-repeat; padding:0 30px 0 0; }
.ipro2 .list .img { float:left; width:400px; }
.ipro2 .list img { display:block; width:100%; height:300px; }
.ipro2 .list .shadow { background:url(../images/ipro2-shadow.png) center center repeat; padding:10px 15px; position:relative; float:left; width:370px; }
.ipro2 .list h3 { line-height:32px; font-size:18px; margin-bottom:10px; }
.ipro2 .list h3 a { color:#333; }
.ipro2 .list h3 a:hover { color:#d72723; }
.ipro2 .list .fee { color:#d72723; line-height:26px; font-size:24px; margin:0 0 10px; }
.ipro2 .list .des { line-height:24px; text-align:justfy; }

.ipro2 .list li:first-child { top:260px; margin-left:-600px; }
.ipro2 .list li:first-child + li { top:140px; margin-left:200px; }
.ipro2 .list li:first-child + li + li { top:650px; margin-left:-180px; width:800px; }
.ipro2 .list li:first-child + li + li .shadow { height:280px; }
.ipro2 .list li:first-child .t { left:130px; top:-60px; }
.ipro2 .list li:first-child + li .t { left:-120px; top:120px; }
.ipro2 .list li:first-child + li + li .t { left:130px; top:-60px; }

.ipro2 .more { position:absolute; left:50%; top:800px; margin-left:-540px; }
.ipro2 .more a { display:block; width:200px; height:55px; line-height:55px; text-align:center; background:url(../images/ipro2-more.png) center center no-repeat; color:#FFF; font-size:18px; position:absolute; left:0; bottom:0; }

.iteam { height:620px; padding:50px 0 0; background:url(../images/iteam-back.png) center top no-repeat #eaab3e; }
.iteam .head { width:450px; height:92px; background:url(../images/ipro-head.png) center center no-repeat; margin:0 auto 40px; overflow:hidden; position:relative; }
.iteam .head h2,
.iteam .head h3 { padding:0 0 0 240px; font-size:26px; font-weight:normal; line-height:1.3; color:#FFF; }
.iteam .head h3 { font-size:16px; text-transform:uppercase; white-space:nowrap; margin:0 0 12px; }
.iteam .head p { text-align:center; height:27px; line-height:27px; padding:0 0 0 24px; }
.iteam .head .mo { position:absolute; right:18px; top:5px; background:#f0c478; color:#FFF; height:24px; line-height:24px; padding:0 5px; }

.iteam .main { width:1160px; height:400px; position:relative; overflow:hidden; margin:0 auto; }
.iteam .list { width:500%; }
.iteam .list li { float:left; width:224px; background:#FFF; position:relative; margin:0 10px 0 0; }
.iteam .list .shadow { height:100px; padding:0 15px; text-align:center; overflow:hidden; }
.iteam .list h3 { line-height:90px; font-size:22px; padding-top:10px; }
.iteam .list h4 { font-weight:normal; height:36px; line-height:18px; overflow:hidden; color:#999; }
.iteam .list .img { height:168px; overflow:hidden; }
.iteam .list .img img { display:block; width:100%; height:168px; }
.iteam .list .more { position:absolute; left:50%; top:320px; margin-left:-65px; display:none; }
.iteam .list .more a { display:block; width:130px; height:30px; line-height:30px; text-align:center; background:#c69f65; color:#FFF; border-radius:30px; }
.iteam .list .more a:hover { background:#eaab3e; }

.iabout { height:680px; background:url(../images/iabout-back.png) center bottom no-repeat #eaab3e; color:#FFF; }
.iabout .ui { width:100%; position:relative; overflow:hidden; }
.iabout .ui img { position:relative; left:50%; margin:0 0 0 -960px; display:block; width:1920px; height:224px; }
.iabout .wd { float:left; width:600px; margin:30px 0 0 30px; }
.iabout .wd h2 { font-size:26px; margin:0 0 5px; }
.iabout .wd p { text-align:justify; height:120px; line-height:24px; overflow:hidden; margin:0 0 40px; }
.iabout .more { width:100%; height:50px; overflow:hidden; }
.iabout .more a { display:block; width:170px; height:50px; line-height:50px; background:#c69f65; color:#FFF; text-align:center; font-size:20px; float:right; }
.iabout .more a:hover { background:#0282ce; }
.iabout .sketch { float:right; margin:-80px 0 0 0; background:#eee; }
.iabout .sketch img { display:block; width:500px; height:375px; }

.icase { height:855px; padding-top:30px; background:url(../images/icase.jpg) center 0 no-repeat #ecf2f0; }
.icase .head { width:418px; height:92px; background:url(../images/icase-head.png) center center no-repeat; margin:0 auto 40px; overflow:hidden; position:relative; }
.icase .head h2,
.icase .head h3 { padding:0 0 0 220px; font-size:26px; font-weight:normal; line-height:1.3; color:#333; }
.icase .head h3 { font-size:16px; text-transform:uppercase; white-space:nowrap; margin:0 0 12px; color:#666; }
.icase .head p { text-align:center; height:27px; line-height:27px; padding:0 0 0 24px; color:#FFF; }
.icase .head .mo { position:absolute; right:18px; top:5px; background:#a5a9a8; color:#FFF; height:24px; line-height:24px; padding:0 5px; }

.icase .list { position:relative; width:100%; height:600px; }
.icase .list li { position:absolute; left:50%; border:2px solid #37574c; background:#000 !important; }
.icase .list img { position:relative; }
.icase .list img:hover { opacity:.8; filter:Alpha(opacity=80); }

.icase .list li:first-child { width:355px; height:420px; background:#eee; overflow:hidden; margin:0 0 0 10px; }
.icase .list li:first-child img { width:560px; height:420px; left:-102px; }
.icase .list li:first-child + li { width:355px; height:420px; background:#eee; overflow:hidden; margin:176px 0 0 -370px; }
.icase .list li:first-child + li img { width:560px; height:420px; left:-102px; }
.icase .list li:first-child + li + li { width:205px; height:154px; background:#eee; overflow:hidden; margin:0 0 0 -450px; }
.icase .list li:first-child + li + li img { width:205px; height:; }
.icase .list li:first-child + li + li + li { width:205px; height:154px; background:#eee; overflow:hidden; margin:0 0 0 -220px; }
.icase .list li:first-child + li + li + li img { width:205px; height:; }
.icase .list li:first-child + li + li + li + li { width:205px; height:154px; background:#eee; overflow:hidden; margin:442px 0 0 10px; }
.icase .list li:first-child + li + li + li + li img { width:205px; height:; }
.icase .list li:first-child + li + li + li + li + li { width:205px; height:154px; background:#eee; overflow:hidden; margin:442px 0 0 240px; }
.icase .list li:first-child + li + li + li + li + li img { width:205px; height:; }
.icase .list li:first-child + li + li + li + li + li + li { width:200px; height:230px; background:#eee; overflow:hidden; margin:176px 0 0 -595px; }
.icase .list li:first-child + li + li + li + li + li + li img { width:306px; height:230px; left:-53px; }
.icase .list li:first-child + li + li + li + li + li + li + li { width:200px; height:230px; background:#eee; overflow:hidden; margin:190px 0 0 390px; }
.icase .list li:first-child + li + li + li + li + li + li + li img { width:306px; height:230px; left:-53px; }

.inews { height:652px; padding-top:80px; background:url(../images/inews-back.jpg) center 0 no-repeat #ecf2f0; }
.inews .head { width:450px; height:92px; background:url(../images/ipro-head.png) center center no-repeat; margin:0 auto 40px; overflow:hidden; position:relative; }
.inews .head h2,
.inews .head h3 { padding:0 0 0 240px; font-size:26px; font-weight:normal; line-height:1.3; color:#fff; }
.inews .head h3 { font-size:16px; text-transform:uppercase; white-space:nowrap; margin:0 0 12px; }
.inews .head p { text-align:center; height:27px; line-height:27px; padding:0 0 0 24px; }
.inews .list { width:100%; height:; overflow:hidden; background:#FFF; margin:0 0 30px; }
.inews .list dd { float:left; width:560px; padding:20px 0; margin:0 20px; border-top:1px dashed #ddd; }
.inews .list h3 { font-size:16px; font-weight:normal; background:url(../images/inews-h3.png) left center no-repeat; padding:0 0 0 35px; height:30px; line-height:30px; overflow:hidden; }
.inews .list a { color:#333; }
.inews .list a:hover { color:#d72723; }
.inews .list p { height:48px; line-height:24px; overflow:hidden; }
.inews .list dd:first-child,
.inews .list dd:first-child + dd { border-top:0; }

.inews .more {}
.inews .more a { display:block; width:200px; height:50px; line-height:50px; text-align:center; background:#8e624d; color:#fff; font-size:22px; margin:0 auto; }
.inews .more a:hover { background:#76452d; }

.subnav { text-align:center; margin:0 0 50px; }
.subnav li { display:inline-block; *display:inline; *zoom:1; height:30px; line-height:30px; background:url(../images/subnav-line.png) left center no-repeat; }
.subnav li:first-child { background:none; }
.subnav li a { display:block; padding:0 10px; color:#FFF; }
.subnav li a:hover { color:#64a7cf; }

.copyright { color:#fff; }
.copyright a { color:#fff; }
.copyright a:hover { color:#c9974c; }

.subcode { width:220px; position:absolute; right:0; top:80px; }
.subcode img { display:block; margin:0 auto 10px; width:128px; height:128px; }
.subcode h3 { background:url(../images/footer-tel.png) left center no-repeat; padding:0 0 0 35px; font-size:23px; color:#c4d2da; line-height:40px; }

.toolbar { position:fixed; top:150px; right:10px; z-index:100; }
.toolbar > * { width:50px; height:50px; position:relative; margin:0 0 1px; }
.toolbar > * > a { display:block; width:50px; height:50px; }
.toolbar .ico-top { background:url(../images/toolbar-itop.png) center center no-repeat #fff; }
.toolbar .ico-online { background:url(../images/toolbar-online.png) center center no-repeat #fff; }
.toolbar .ico-tel { background:url(../images/toolbar-tel.png) center center no-repeat #fff; }
.toolbar .ico-qq { background:url(../images/toolbar-qq.png) center center no-repeat #fff; }
.toolbar .ico-code { background:url(../images/toolbar-rcode.png) center center no-repeat #fff; }
.toolbar .drop-code { position:absolute; top:0; right:50px; background:#1d97d8; padding:5px; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:90px; display:none; }
.toolbar .drop-code img { display:block; width:90px; height:90px; }
.toolbar .drop-tel { position:absolute; top:0; right:50px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:150px; height:50px; line-height:50px; color:#1d97d8; padding:0 0 0 20px; background:#fff; border-left:10px solid #fff; font-size:20px; font-family:Arial; }

.toolbar .ico-top:hover { background:url(../images/toolbar-itop-hover.png) center center no-repeat #1d97d8; }
.toolbar .ico-code:hover { background:url(../images/toolbar-rcode-hover.png) center center no-repeat #1d97d8; }
.toolbar .ico-tel:hover { background:url(../images/toolbar-tel-hover.png) center center no-repeat #1d97d8; }
.toolbar .ico-qq:hover { background:url(../images/toolbar-qq-hover.png) center center no-repeat #1d97d8; }

/******************************
 ** 组件类
 ******************************/
/*rightFix*/
.rightFix{width: 50px; position: fixed; right: 10px; top: 50%; margin-top: -100px; z-index: 99;}
.rightFix .ico{width: 50px; height: 50px; display: block; position: relative; overflow: hidden; margin: 0px; transition: all ease 300ms; margin-top: 1px; padding: 0px; border-radius: 50px; margin-bottom: 2px; background: #3bb5ee url(../images/fix-ico.png) no-repeat center 0;}
.rightFix .ico img{width: 140px; height: 140px; position: absolute; left: -78px; top: 0; padding: 3px; background: #ff552d; border: 1px solid #ddd; display: block; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 6px;}
.rightFix .ico span{width: 210px; text-align: center; height: 50px; line-height: 50px; position: absolute; left: -78px; top: 0; background: #ff552d; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 50px;}
.rightFix .ico:hover{background-color: #ff552d; border-color: #ff552d; overflow: visible;}
.rightFix .ico:hover img{opacity: 1; filter: alpha(opacity=100); left: -162px;}
.rightFix .ico:hover span{opacity: 1; filter: alpha(opacity=100); left: -215px;}
.rightFix .fix-tel{background-position: center 12px;}
.rightFix .fix-xcx{background-position: center -40px;}
.rightFix .fix-qq{background-position: center -94px;}
.rightFix .fix-ewm{background-position: center -148px;}
.rightFix .fix_top{background-position: center -202px;}

/******************************
 ** 内页
 ******************************/
/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:220px; }
.topclass { width:100%; height:90px; background:#5f412e; color:#FFF; }
.topclass h2 { padding:25px 0 0 30px; font-size:20px; }
.topclass span { font-size:14px; padding:0 0 0 30px; color:#c8a48e; }
.side-menu { border-left:1px solid #ddd; border-right:1px solid #ddd; }
.side-menu dd { }
.side-menu dd > a { display:block; height:47px; line-height:47px; padding:0 0 0 50px; border-bottom:1px solid #ddd; background:url(../images/menu.png) 29px center no-repeat; }
.side-menu dd > a:hover { background-color:#f5f5f5; }
.side-menu .drop { width:100%; padding:0 0; background:#fafafa; border-bottom:1px solid #ddd; display:none; }
.side-menu .drop li { width:100%; height:38px; line-height:38px; }
.side-menu .drop a { display:block; padding:0 0 0 50px; background:url(../images/menu-sub.png) 29px center no-repeat; }
.side-menu .drop a:hover { background-color:#f1f1f1; }
.side-menu dd.current .drop { display:block; }
.side-menu dd.current > a { color:#934407; background-color:#f1f1f1; }
.side-menu li.current > a { color:#934407; background-color:#f1f1f1; }
.side-head { height:34px; line-height:34px; padding:10px 0 10px 30px; font-size:20px; background:#5f412e; color:#FFF; }
.side-pro { position:relative; top:20px; margin-bottom:20px; }
.side-pro .list { border:1px solid #ddd; padding:30px 0 10px; }
.side-pro .list dd { width:166px; margin:0 auto; }
.side-pro .list a { display:block; text-align:center; }
.side-pro .list img { display:block; width:166px; height:124px; background:#f1f1f1; }
.side-pro .list h3 { padding:10px 0; height:24px; line-height:24px; font-weight:400; }
.side-contact { margin-bottom:20px; position:relative; top:20px; }
.side-contact .main { padding:15px 10px; line-height:2; border:1px solid #ddd; }
/*newslist*/
.newslist .item{border-bottom: 1px solid #dddddd; width: 100%;}
.newslist .item a{display: block; padding: 26px 0; width: 100%;}
.newslist .item h3{font-size: 18px; color: #333333; height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 8px;}
.newslist .item h3 s{width: 16px; height: 16px; float: right; display: block; background-position: -35px 0;}
.newslist .item .txt{color: #666666; height: 30px; line-height: 30px;}
.newslist .item .time{display: block; color: #333333; font-size: 16px; height: 20px; line-height: 20px;}
.newslist .item:hover{border-color: #c21d24;}
.newslist .item:hover h3{color: #c21d24;}
/*prolist*/
.prolist .item{width: 280px; height: 323px; padding-top: 10px; overflow: hidden; float: left; margin: 0 26px 26px 0; position: relative; border: 1px solid #ddd; transition: all ease 300ms; text-align: center;}
.prolist .item a{display: block; width: 100%;}
.prolist .item img{width: 260px; height: 260px; display: block; margin: 0 auto; }
.prolist .item h3{ height: 60px; line-height: 60px; padding: 0 12px; font-size: 16px; font-weight: normal; color: #333; overflow: hidden; transition: all ease 300ms;}
.prolist .item .xcx{ width: 260px; height: 240px; padding: 20px 0 0; z-index: 10; position: absolute; left: 40px; top: 10px; background: #000; opacity: 0; filter: alpha(opacity=0); transition: all ease 300ms; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.prolist .item .xcx span{width: 100%; text-align: center; display: block; position: absolute; left: 0; top: 24px; z-index: 10; font-size: 16px; color: #333;}
.prolist .item .xcx img{width: 166px; height: 166px; padding: 40px 10px 10px; border-radius: 10px; display: block; margin: 0 auto; background: #fff;}
.prolist .item:hover{ border-color: #c9974c; }
.prolist .item:hover h3{color: #c9974c;}
.prolist .item:hover .xcx{opacity: 1; filter: alpha(opacity=100); left: 10px;}
.prolist.prolist4 .item{height: 323px;}
.prolist.prolist4 .item img{height: 260px;}
.prolist.prolist4 .item .xcx{display: none;}
.prolist.prolist4 .item .bg{width: 240px; height: 143px; padding-top: 52px; display: block; position: absolute; left: 112px; top: 11px; background: url(../images/black30.png) repeat 0 0; transition: all ease 300ms; opacity: 0; filter: alpha(opacity=0);}
.prolist.prolist4 .item .bg s{width: 90px; height: 90px; transition: all .5s; transition-delay: .1s; position: absolute; left: 100%; top: 50%; margin: -45px 0 0 -45px; display: block; background-position: -110px -21px;}
.prolist.prolist4 .item:hover{ }
.prolist.prolist4 .item:hover .bg{left: 11px; opacity: 1; filter: alpha(opacity=100);}
.prolist.prolist4 .item:hover .bg s{left: 50%;}
/*baselist*/
.baselist .item{width: 280px; float: left; margin: 0 26px 26px 0; position: relative; transition: all ease 300ms; overflow: hidden;}
.baselist .item a{display: block; width: 100%;}
.baselist .item .img{width: 280px; height: 210px; display: block; overflow: hidden; position: relative;}
.baselist .item .img img{width: 280px; height: 210px; display: block; transition: all .5s;}
.baselist .item .img .zz{width: 280px; height: 210px; display: block; background: url(../images/zz.png) no-repeat center center; position: absolute; left: 0; top: 0; z-index: 10;}
.baselist .item .tit{height: 48px; font-size: 16px; text-align: center; line-height: 48px; overflow: hidden; transition: all ease 300ms; display: block;}
.baselist .item:hover .img img{transform: scale(1.08);}
.baselist .item:hover .tit{color: #c21d24;}
/*txtimglist*/
.txtimglist .item{width:868px; height: 138px; padding: 15px; margin-bottom:30px; transition: all ease 300ms;  border: 1px solid #ddd; }
.txtimglist .item a{width: 100%; display: block;}
.txtimglist .item img{width: 213px; height: 138px; display: block; margin-right:30px;}
.txtimglist .item h3{font-size: 18px; color: #333; padding: 30px 0 16px; transition: all ease 300ms;}
.txtimglist .item .txt{color: #999; line-height: 24px; height: 48px; padding-right: 64px; overflow: hidden;}
.txtimglist .item .time{width: 100px; padding-top: 28px; line-height: 24px; font-family: arial; font-size: 16px; color: #999;}
.txtimglist .item .time .day{font-size: 34px; line-height: 40px; display: block;}
.txtimglist .item .time s{width: 54px; height: 8px; display: block; margin-top: 20px; background-position: -98px 0;}
.txtimglist .item:hover{ border-color: #c9974c; }
.txtimglist .item:hover h3{color: #c9974c; text-indent: 10px;}
.txtimglist .searchlist .item img{width: auto; height: 150px;}
/************content************/
.fl{ float: left; }
.fr{ float: right; }
/* pager */
.pager{*zoom: 1; padding: 30px 0; text-align: center;}
.pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.pager a{display: block; height: 42px; line-height: 42px; margin: 0 5px; padding: 0 18px; color: #666; background: #eee; display: inline-block;}
.pager a:hover,
.pager a.current{color: #fff; background: #c9974c;}
/* loaction */
.location{width: 100%; padding-bottom: 10px; margin-bottom: 30px; position: relative; border-bottom:1px solid #ddd;}
.location:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.location h3{font-size: 20px;}
.location .sitepath{ color: #333333; margin-top: 8px; white-space: nowrap;}
.location .sitepath s{width: 16px; height: 17px; background-position: -30px 0px; margin: 0 6px;}
.location .sitepath a{color: #333333;}
.location .sitepath a:hover{color: #c21d24;}
/* reLink */
.reLink{width: 100%; height: 58px; line-height: 58px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd;}
.reLink .nextLink,
.reLink .prevLink{width: 50%; display: block; text-align: left; color: #666;}
.reLink .nextLink a:hover,
.reLink .prevLink a:hover{color: #c21d24;}
.reLink .nextLink{text-align: right;}
.wrapper{width: 1200px; margin: 0 auto; padding: 50px 0 60px;}
.wrapper .showvideo{margin: 0 auto;}
.wrapper .left-tit{width: 100%; text-align: center; line-height: 40px; font-size: 40px; font-weight: bold; padding: 15px 0 20px 0; position: relative; margin-bottom: 20px; color: #fff; background: url(../images/lefttitbg.png) no-repeat center bottom;}
.wrapper .left-tit.left-tit2{font-size: 30px; padding-bottom: 19px; *padding-top: 1px;}
.wrapper .leftCon{width: 260px; float: left; padding: 26px 0 15px; background: #c9974c;}
.wrapper .leftCon .leftpro .item{width: 220px; margin: 0 auto 10px; }
.wrapper .leftCon .leftpro .item a{width: 100%; display: block;}
.wrapper .leftCon .leftpro .item img{width: 220px; height: 220px; display: block; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.wrapper .leftCon .leftpro .item h3{text-align: center; height: 50px; line-height: 50px; color: #fff; font-size: 16px;}
.wrapper .leftCon .leftpro .item:hover h3{color: #ffde00;}
.wrapper .leftNav{width: 260px; margin-bottom: 20px;}
.wrapper .leftNav li{ width: 80%; margin: 0 auto 10px; height: 43px; line-height: 43px; position: relative; border: 1px solid #fff; }
.wrapper .leftNav li a{display: block; font-size: 16px; text-align: center; color: #fff;}
.wrapper .leftNav li:hover,
.wrapper .leftNav li.hover{background: #fff;}
.wrapper .leftNav li.hover a,.wrapper .leftNav li:hover a{color:#c9974c;}
.wrapper .content{width:900px; float: right; overflow: hidden;}
.wrapper .content .prolist{ width: 106%; position: relative;}
.wrapper .content .bgfff{width: 818px; padding: 15px 40px 50px; border: 1px solid #dddddd; background: #fff;}
/******recommend*******/
.recomCon .recom-tit{font-size: 20px; padding: 28px 0 22px;}
.recomCon .recom-tit .more{font-size: 16px; float: right;}
.recomCon .prolist{width: 106%;}
/****singlePage******/
.singlePage img{max-width: 100%; height: auto !important;}
.singlePage .txtcon{line-height: 32px;}
.singlePage .txtcon.bgfff{padding-top: 30px;}
.showPro .show-tit{font-size: 20px; padding-bottom: 20px; color: #c21d24; font-weight: bold; background: url(../images/sitepathbg.png) no-repeat center bottom;}
.showPro .showContxt{padding: 18px 2px 30px; line-height: 26px;}
.showPro .showContxt img{max-width: 100%; height: auto !important;}
.showPro .showimgCon{ margin-bottom: 40px; }
.showPro .showimgCon .txtcon{width: 240px; float: left; margin-left: 45px; position: relative; height: 480px;}
.showPro .showimgCon .txtcon .tit{font-size: 26px;}
.showPro .showimgCon .txtcon .price{font-size: 34px; margin-bottom: 40px; color: #f16101; font-family: arial; margin-top: 20px;}
.showPro .showimgCon .txtcon .xcxm{width: 236px; border: 1px solid #dddddd; border-radius: 6px; background: #fff;}
.showPro .showimgCon .txtcon .xcxm img{width: 236px; height: 236px; display: block; border-radius: 6px; border-bottom: 1px solid #ddd;}
.showPro .showimgCon .txtcon .xcxm span{width: 100%; height: 46px; line-height: 46px; text-align: center; font-size: 16px; display: block;}
.showPro .showimgCon .txtcon .tel{position: absolute; height: 44px; line-height: 44px; text-align: center; left: 0; bottom: 0; width: 238px; border: 1px solid #c21d24; font-size: 20px; color: #c21d24; border-radius: 2px;}
.showPro .showimgCon .txtcon .tel s{width: 26px; height: 26px; margin-right: 12px; background-position: 0 -40px;}
.showPro .showimg{width: 480px; position: relative; float: left; overflow: hidden;}
.showPro .showimg .bigimg{width: 480px; height: 480px; display: block; position: relative;}
.showPro .showimg .bigimg .list{width: 500%;}
.showPro .showimg .bigimg .list li{width: 480px; height: 480px;}
.showPro .showimg .bigimg .list img{width: 100%; height: 100%; display: block; transition: all ease 300ms;}
.showPro .showimg .smallimg{width: 480px; height: 95px; padding-top: 11px; position: absolute; left: 0; bottom: 0; z-index: 10; overflow: hidden; background: url(../images/black50.png) repeat 0 0;}
.showPro .showimg .list{width: 390px; overflow: hidden; position: relative; margin: 0 auto;}
.showPro .showimg .listcon{width: 300%; position: relative;}
.showPro .showimg .prev,
.showPro .showimg .next{width: 20px; height: 84px; z-index: 10; position: absolute; top: 11px; cursor: pointer; background: #ffffff url(../images/btn-ico2.png) no-repeat 0 center;}
.showPro .showimg .prev:hover,
.showPro .showimg .next:hover{background-color: #ddd;}
.showPro .showimg .prev{left: 10px; background-position: 7px center;}
.showPro .showimg .next{right: 10px; background-position: -39px center;}
.showPro .showimg li{width: 84px; height: 84px; margin-right: 18px; float: left; cursor: pointer; position: relative;}
.showPro .showimg li img{width: 100%; height: 100%; display: block;}
.showPro .showimg li.on{width: 80px; height: 80px; border: 2px solid #ffde00;}
/*showNews*/
.shareNew{padding-bottom: 20px;}
.showInfo .title{font-size: 22px; color: #333333; text-align: center; padding: 10px 0 16px;}
.showInfo .mark{color: #666; height: 38px; line-height: 38px; overflow: hidden; text-align: center; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.showInfo .mark span{margin: 0 10px; font-size: 12px;}
.showInfo .img{width: 500px; display: block; margin: 10px auto 20px;}
.showInfo .img img{max-width: 100%; display: block; margin: 0 auto;}
.showInfo .showContxt{color: #333; padding: 0 2px 30px; line-height: 30px;}
.showInfo .showContxt .t{position: relative; display: inline-block; *display: inline; *zoom: 1; color: #333; padding: 0 2px 5px; font-size: 16px; margin-bottom: 10px;}
.showInfo .showContxt .t:after{width: 20px; height: 2px; content: "\20"; background: #c21d24; display: block; position: absolute; left: 2px; bottom: -1px;}
.showInfo .showContxt img{max-width: 100%; height: auto !important;}
.showInfo .title2{height: 40px; line-height: 40px; margin-top: 20px; border-bottom: 1px solid #d9d9d9;}
.showInfo .title2 a{float: right; font-size: 12px; font-family: arial;}
.showInfo .title2 .left{height: 38px; line-height: 38px; font-size: 18px; border-bottom: 3px solid #4d485b;}
.msgPage .formData{padding-top: 5px;}
.msgPage .tit{text-align: center; padding: 18px 0 36px;}
.msgPage .tit .p1{font-size: 25px; margin-bottom: 10px;}
.msgPage .tit .p2{line-height: 24px;}
.msgPage .tit .p2 span{color: #c21d24;}
.formData{padding: 0 18px; padding-bottom: 20px;}
.formData .item{float: left; color: #999; font-weight: normal; width: 388px; height: 35px; line-height: 35px; border: 1px solid #ccc; background: #f3f3f3; margin-right: 32px; margin-bottom: 34px; position: relative;}
.formData .item label{padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 35px; line-height: 35px; font-size: 14px; color: #666;}
.formData .item input{outline: none; line-height: 35px; height: 35px; font-size: 14px;}
.formData .item .txt{width: 328px; height: 35px; line-height: 35px; display: block; background: none; padding-left: 50px; border: 0 none; color: #333; font-size: 14px;}
.formData .item .red{position: absolute; right: 12px; top: 2px; color: #c21d24; z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute; left: 0; top: 0;}
.formData .liuyan{width: 810px; height: 180px; border: 1px solid #ccc; float: left;}
.formData .liuyan label{text-align: right; top: 5px; display: block;}
.formData .liuyan textarea{width: 790px; height: 164px; line-height: 28px; padding: 8px 10px; text-indent: 42px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.formData .bot{width: 100%; float: left;}
.formData .sub{width: 232px; height: 42px; line-height: 42px; text-align: center; background: #c21d24; color: #FFF; cursor: pointer; font-size: 18px; display: block; transition: all ease 300ms; margin: 0 auto;}
.formData .sub:hover{background: #ffde00; color: #fff;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;}
.contactPage .tit{text-align: center; padding: 8px 0 26px;}
.contactPage .tit .p1{font-size: 25px; margin-bottom: 10px;}
.contactPage .tit .p2{line-height: 24px;}
.contactPage .tit .p2 span{color: #c21d24;}
.contactPage .bcontact{width: 100%; padding-bottom: 50px;}
.contactPage .bcontact li{width: 33%; float: left; padding: 20px 0 0; border-left: 1px solid #ccc; text-align: center; font-family: arial;}
.contactPage .bcontact li s{width: 60px; height: 55px; display: block; margin: 0 auto; background: url(../images/contact-ico.png) no-repeat 15px center;}
.contactPage .bcontact li h3{font-size: 16px; padding: 6px 0 8px; font-weight: bold; color: #737373;}
.contactPage .bcontact li h4{color: #000000; font-weight: bold; height: 48px; line-height: 24px; padding: 0 10px;}
.contactPage .bcontact li.btel{border-left: 0px;}
.contactPage .bcontact li.baddress s{background-position: -58px center;}
.contactPage .bcontact li.bemail s{background-position: -140px center;}
.contactPage .txtcon{padding-bottom: 30px;}
.contactPage .txtcon img{max-width: 100%; height: auto !important;}
.contactPage .t2{padding: 58px 0 48px; text-align: center;}
.contactPage .t2 .titb{font-size: 30px; margin-bottom: 16px;}
.contactPage .t2 .txt{font-size: 14px; line-height: 24px;}
.contactPage .t2 .txt span{font-weight: bold; color: #c21d24;}
.contactPage .mapArea{width: 100%; height: 400px; margin: 0 0 40px;}
.contactPage .mapArea #allmap{width: 100%; height: 400px;}
.contactPage .BMap_bubble_title a{border-radius: 3px; display: inline-block; height: 30px; line-height: 30px; overflow: hidden; padding: 0 16px; background: #c21d24; color: #fff;}
.contactPage .BMap_bubble_title a:hover{background: #ffde00;}
.contactPage .BMap_bubble_title span{display: block; line-height: 22px;}
.contactPage .BMap_bubble_content{line-height: 22px;}
.map_ul{list-style: outside none none; display: block; width: 100%;}
.map_ul li{display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; float: left;}
.map_ul li a{font-size: 14px; width: 100%; height: 23px; line-height: 23px; font-weight: bold; display: block;}
.map_ul .list-inline{display: block; margin-left: 7%; width: 80%; min-height: 30px; padding-top: 10px;}
.map_ul .list-inline a{font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px;}
.map_ul .list-inline a:hover{background: #c21d24; color: #fff;}
span.bds_more,
.bds_tools a{line-height: 14px !important;}
/******************************
 ** 高级动画
 ******************************/

.animate-zhuan{animation: Swing1 5s infinite; transform: rotate(-5deg); -webkit-animation: Swing1 5s infinite; -webkit-transform-origin: 50% -50px; -webkit-transform: rotate(-5deg); -moz-animation: Swing1 5s infinite; -moz-transform-origin: 50% -50px; -moz-transform: rotate(-5deg); -ms-animation: Swing1 5s infinite; -ms-transform-origin: 50% -50px; -ms-transform: rotate(-5deg); -o-animation: Swing1 5s infinite; -o-transform-origin: 50% -50px; -o-transform: rotate(-5deg);}
.animate-zhuan2{animation: Swing2 4s infinite; transform: rotate(15deg); -webkit-animation: Swing2 4s infinite; -webkit-transform-origin: 50% 50%; -webkit-transform: rotate(15deg); -moz-animation: Swing2 4s infinite; -ms-animation: Swing2 4s infinite; -o-animation: Swing2 4s infinite;}
.animate-tel{animation: tada 1s linear infinite; transform-origin: 50% 50%; -webkit-animation: tada 1s linear infinite; -webkit-transform-origin: 50% 50%; -moz-animation: tada 1s linear infinite; -moz-transform-origin: 50% 50%; -o-animation: tada 1s linear infinite; -o-transform-origin: 50% 50%; -ms-animation: tada 1s linear infinite; -ms-transform-origin: 50% 50%;}
@keyframes Swing1{0%{transform: rotate(-5deg);} 50%{transform: rotate(5deg);} 100%{transform: rotate(-5deg);}}
@-webkit-keyframes Swing1{0%{-webkit-transform: rotate(-5deg);} 50%{-webkit-transform: rotate(5deg);} 100%{-webkit-transform: rotate(-5deg);}}
@-moz-keyframes Swing1{0%{-moz-transform: rotate(-5deg);} 50%{-moz-transform: rotate(5deg);} 100%{-moz-transform: rotate(-5deg);}}
@-o-keyframes Swing1{0%{-oz-transform: rotate(-5deg);} 50%{-moz-transform: rotate(5deg);} 100%{-moz-transform: rotate(-5deg);}}
@-ms-keyframes Swing1{0%{-webkit-transform: rotate(-5deg); transform: rotate(-5deg);} 50%{-webkit-transform: rotate(5deg); transform: rotate(5deg);} 100%{-webkit-transform: rotate(-5deg); transform: rotate(-5deg);}}
@keyframes Swing2{0%{transform: rotate(15deg);} 50%{transform: rotate(-15deg);} 100%{transform: rotate(15deg);}}
@-webkit-keyframes Swing2{0%{-webkit-transform: rotate(15deg);} 50%{-webkit-transform: rotate(-15deg);} 100%{-webkit-transform: rotate(15deg);}}
@-moz-keyframes Swing2{0%{-moz-transform: rotate(15deg);} 50%{-moz-transform: rotate(-15deg);} 100%{-moz-transform: rotate(15deg);}}
@-ms-keyframes Swing2{0%{-ms-transform: rotate(15deg);} 50%{-ms-transform: rotate(-15deg);} 100%{-ms-transform: rotate(15deg);}}
@-o-keyframes Swing2{0%{-o-transform: rotate(15deg);} 50%{-o-transform: rotate(-15deg);} 100%{-o-transform: rotate(15deg);}}
@-webkit-keyframes tada{0%{-webkit-transform: scale(1); transform: scale(1);} 10%, 20%{-webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg);} 100%{-webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0);}}
@keyframes tada{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} 10%, 20%{-webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg);} 100%{-webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0);}}




/******************************
 ** 兼容性
 ******************************/


/******************************
 ** 兼容性
 ******************************/
body { _background:url(../images/ie6.png) center center no-repeat #fff; }
body > * { _display:none; }